@import "../../../styles/_commonColor.scss";

.listTab {
    position: relative;
    width: 100%;
    background-color: #fff;
    margin-bottom:1PX;
    .tab {
        display: inline-block;
        width: 33%;
        >button {
            width: 100%;
            height: 88px;
            padding: 0;
            font-size: 28px;
            color: #1a1a1a;
            background-color: #fff;
            border: none;
        }
    }
    .tabChoice {
        >button {
            color: $linegreen;
        }
    }
    .slideBorder {
        position: absolute;
        left: .59rem;
        bottom: 0;
        background-color: $linegreen;
        width: 1.3rem;
        height: 4px;
        // 移动效果
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
    }
    .slideBorderRight {
        transform: translate(248px,0);
        -webkit-transform: translate(248px,0);
    }
    .slideBorderRightAdd {
        transform: translate(496px,0);
        -webkit-transform: translate(496px,0);
    }
}
.listTab:after{
    content:"";
    display:block;
    position:absolute;
    bottom:-1PX;
    right:0;
    left:0;
    border-bottom: 1PX solid #f1f1f1;
}